<template>
    <div>
        <div v-show="showMenu">
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-card class="box-card" shadow="never" size="mini">
                        <div slot="header" class="clearfix">
                            <span>基础资料</span>
                        </div>
                        <div class="text item">
                            <el-link type="primary" @click="() => handleClick('PurchaseProductPrice')">银行类型</el-link>
                        </div>
                        <div class="text item">
                            <el-link type="primary" @click="() => handleClick('PurchaseProductPrice')">银行账号</el-link>
                        </div>
                    </el-card>
                </el-col>
                <el-col :span="12">
                    <el-card class="box-card" shadow="never">
                        <div slot="header" class="clearfix">
                            <span>付款</span>
                        </div>
                        <div class="text item">
                            <el-link type="primary" @click="() => handleClick('PaymentRequisition')">付款申请列表</el-link>
                        </div>
                        <div class="text item">
                            <el-link type="primary" @click="() => handleClick('Payment')">付款单列表</el-link>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </div>
        <div>
            <router-view />
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        handleClick(name) {
            this.$router.push({
                name: name,
            });
        }
    },
    computed: {
        showMenu() {
            let path = this.$route.path;

            return path.endsWith("treasury");
        }
    }
}
</script>